Summary

• keep Button children inside a stable .btn-label wrapper across loading state changes
• hide the existing label while loading instead of replacing the text node with a new <span>
• add a regression test that verifies the same label element stays mounted when loading toggles

Root Cause

Chrome's native translation feature mutates button text nodes outside React's control. Our shared Button component swapped a direct text child for a new wrapper element when loading became true, so React later tried to remove a child node that Chrome Translate had already rewritten. That produced the removeChild / NotFoundError crash.

Impact

This fixes the translated onboarding social signup crash and reduces the same DOM-mutation risk anywhere else the shared loading button is used.

Validation

• validated the reproduction and root cause locally before the code change
• added a targeted regression test for the stable label wrapper behavior
• did not get a green Jest run in this environment because the repo's local Jest setup is currently failing with testEnvironmentOptions initialization

Preview domain

https://codex-fix-translate-button-loadi.preview.app.daily.dev